import { Tabs, TabItem } from '@aws-amplify/ui-react';
import { Fragment } from '@/components/Fragment';

The quickest way to get started is by wrapping your application with the Authenticator component.
Once an end-user has created an account & signed in, the underlying component is rendered with access to the `user`.

You can use the `Authenticator` component directly, or wrap your app in `withAuthenticator`
[Higher-Order Component](https://legacy.reactjs.org/docs/higher-order-components.html):

<Tabs>
  <TabItem title="Authenticator">
    ```js expoSnack file=../../../../../../examples/react-native/src/features/Authenticator/Basic/Example.tsx

    ```
  </TabItem>
  <TabItem title="withAuthenticator">
    ```js expoSnack file=../../../../../../examples/react-native/src/features/Authenticator/WithAuthenticator/Example.tsx

    ```
  </TabItem>
</Tabs>
